<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% include 'purchaseSys/base1.html' %}
    <title>进货系统</title>
</head>
<body>
    <div id="top">

    </div>
    <div id="content">
            <div class="bs-example bs-example-tabs" data-example-id="togglable-tabs">

            <ul id="myTabs" class="nav nav-tabs" role="tablist">
                  <li role="presentation" class=""><a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">仓库表</a></li>
                  <li role="presentation" class="dropdown active">
                    <a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown" aria-controls="myTabDrop1-contents" aria-expanded="false">添加 <span class="caret"></span></a>
                    <ul class="dropdown-menu" aria-labelledby="myTabDrop1" id="myTabDrop1-contents">
                      <li class="active"><a href="#dropdown1" role="tab" id="dropdown1-tab" data-toggle="tab" aria-controls="dropdown1" aria-expanded="false">货物种类</a></li>
                      <li class=""><a href="#dropdown2" role="tab" id="dropdown2-tab" data-toggle="tab" aria-controls="dropdown2" aria-expanded="false">进货厂商</a></li>
                    </ul>
                  </li>
                  <li role="presentation" class=""><a href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false">公告</a></li>

            </ul>
            <div id="myTabContent" class="tab-content">
                  <div role="tabpanel" class="tab-pane fade active in" id="home" aria-labelledby="home-tab">
                    {% include 'purchaseSys/base3_goods_showAll.html' %}
                  </div>

                  <div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">
                        公告
                  </div>
                  <div role="tabpanel" class="tab-pane fade" id="dropdown1" aria-labelledby="dropdown1-tab">
                      <p>货物种类</p>
                      <div id="goodstype_showAll">
                          <table border="1px" width="100%">
                              <tr>
                                  <td>编号</td>
                                  <td>货物种类名</td>
                              </tr>
                          </table>
                      </div>
                      <div id="goodstype_add">
                          <form action="">
                              货物种类：<input type="text" name="" id="">
                              <input type="submit" value="添加">
                              <p class="msg">-------------------成功信息</p>
                          </form>
                      </div>
                  </div>
                  <div role="tabpanel" class="tab-pane fade" id="dropdown2" aria-labelledby="dropdown2-tab">
                    <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.</p>
                  </div>
                </div>
          </div>
    </div>


    <style>
        #top{
            width: 100%;
            height: 50px;
            background-color: #2aabd2;
        }
        table{
            border: 1px solid black;
        }
        #goodstype_showAll,#goodstype_add{
            height:500px;
            float:left;
            width: 40%;
            border:1px solid black;
            background-color: #d0e9c6;
            margin:10px 20px;
        }
        .msg{
            color:red;
        }
    </style>
</body>
</html>